body {
	background-color: #fff;
}

.content {
	width: 1000px;
	margin: 0px auto;
}

a {
	text-decoration: none;
}


/*****************************************/

.top {
	height: 30px;
	line-height: 30px;
	background-color: #f7f7f7;
	color: #666;
	font-size: 12px;
	font-family: "宋体";
}

.top a {
	color: #666;
}

.top .collection {
	font-weight: bolder;
	float: left;
}

.top .collection img {
	position: relative;
	top: 3px;
	right: 3px;
}

.top .welcome {
	float: right;
}


/*******************************/

.search {
	padding: 22px 0px 28px 0px;
	height: 36px;
	background-color: #1d7ad9;
}

.search .logo {
	float: left;
}

.search .logo img {
	height: 36px;
	width: 134px;
	float: left;
}

.search-form {
	float: left;
	margin-left: 200px;
}

.search-form:after {
	display: block;
	content: "";
	clear: both;
}

.search input[name="search"] {
	height: 36px;
	width: 360px;
	border: none;
	outline: none;
	font-size: 22px;
	padding-left: 0.5em;
	float: left;
}

.search input[name="search-btn"] {
	height: 36px;
	width: 70px;
	outline: none;
	border: none;
	float: left;
	background-color: #ff8c00;
	color: #fff;
	font-size: 14px;
	font-family: "微软雅黑";
	cursor: pointer;
}

.search .shopping-cart {
	height: 36px;
	line-height: 36px;
	width: 100px;
	margin-left: 30px;
	padding-left: 43px;
	float: left;
	font-size: 14px;
	font-family: "微软雅黑";
	background-color: #ff8c00;
	background-image: url(../image/shoppingcart.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

.search .shopping-cart a {
	color: #fff;
}


/******************************/

.menu {
	height: 36px;
	line-height: 36px;
	background-color: #1369c0;
	color: #fff;
}

.menu a {
	color: #fff;
}

.menu ul.nav {
	margin: 0px;
	padding: 0px;
}

.menu ul.nav>li {
	float: left;
	width: 100px;
	font-size: 14px;
	text-align: center;
	list-style: none;
}

.menu ul.nav>li:hover {
	background-color: #4593fd;
}

.menu .all-goods {
	width: 190px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	position: relative;
	float: left;
}

.menu .all-goods .title img {
	position: relative;
	left: 5px;
}

.menu .all-goods .sub-nav {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 36px;
}

.menu .all-goods .sub-nav>li {
	width: 100%;
	list-style: none;
	background-color: #4593fd;
	height: 52px;
	padding-top: 12px;
	border-top: 1px solid #5aa1fe;
	border-bottom: 1px solid #3487f2;
}

.menu .all-goods .sub-nav>li:hover {
	background-color: #fff;
}

.menu .all-goods .sub-nav>li:hover a {
	color: #000000;
}

.menu .all-goods .sub-nav>li:hover p img {
	display: none;
}

.menu .all-goods .sub-nav>li:last-child{
	border: none;
	border-top: 1px solid #5aa1fe;
}

.menu .all-goods ul>li:first-child {
	border: none;
	border-bottom: 1px solid #3487f2;
}


/************************************/

.menu .sub-nav p {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px 10px;
	text-align: left;
	font-weight: normal;
}

.menu .sub-nav p.first {
	font-size: 14px;
}

.menu .sub-nav p.first img {
	float: right;
	position: relative;
	top: 6px;
}

.menu .sub-nav p.second {
	font-size: 12px;
}

.menu .sub-nav p.second a {
	color: #c2d9f8;
}

.menu .sub-nav li .sub-menu {
	width: 530px;
	height: 350px;
	padding: 0px 20px 16px;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 190px;
	border: solid 1px #dddddd;
	color: black;
	display: none;
}

.menu .sub-nav li:hover .sub-menu {
	display: block;
}

.menu .sub-nav li .sub-menu .item {
	line-height: none;
	padding: 14px 0px;
	border-bottom: solid 1px #e5e5e5;
	text-align: left;
	line-height: 1.5em;
}

.menu .item:last-child {
	border: none!important;
}

.menu .sub-nav li .sub-menu .item:after {
	display: block;
	content: "";
	clear: both;
}

.menu .sub-nav li .sub-menu .item .cat-name {
	margin-right: 16px;
	font-size: 12px;
	font-weight: bolder;
	color: #4b88da;
	float: left;
}

.menu .sub-nav li .sub-menu .item .cat-list {
	padding-left: 70px;
}

.menu .cat-list a {
	color: #666666;
	font-size: 12px;
}

.menu .sub-nav li .sub-menu .item button {
	height: 26px;
	border: none;
	color: #fff;
	font-size: 12px;
	background-color: #2785e6;
	margin-right: 20px;
}


/*********************************/

.banner {
	height: 328px;
}

.banner ul {
	margin: 0px;
	padding-left: 190px;
	height: 328px;
}

.banner ul li {
	list-style: none;
}

.banner img {
	height: 328px;
	width: 810px;
	float: left;
}

/****/

.good-cats .title{
	padding: 15px 24px 15px 60px;
	line-height: 44px;
	background-image: url(../image/blue_block.png);
	background-repeat: no-repeat;
	background-position: 0px 15px;
}
.good-cats:after{
	display: block;
	content: "";
	clear: both;
}
.good-cats .main{
	font-weight: bold;
	font-size: 24px;
}
.good-cats .more{
	float: right;
	font-size: 12px;
	line-height: 1em;
	position: relative;
	top: 34px;
}
.good-cats .goods-vew{
	height: 400px;
	width: 190px;
	float: left;
}
.good-cats .goods-vew ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}
.good-cats .goods-vew ul li{
	position: absolute;
}
.good-cats .goods-vew ul li img{
	height: 400px;
	width: 190px;
	float: left;
}
.good-cats .goods-list{
	height: 400px;
	width: 810px;
	float: right;
	background-color: red;
	position: relative;
}

.good-cats .down{
	width: 100%;
	height: 120px;
	position: absolute;
	background-color: green;
	bottom: 0px;
	left: 0px;
}
.good-cats .down ul{
	margin: 0px;
	padding: 0px;
}
.good-cats .down ul li{
	height: 90px;
	list-style: none;
	width: 25%;
	padding: 15px 0px;
}
.good-cats .down .left{
	height: inherit;
	width: 50%;
	line-height: 90px;
	float: left;
	background-color: red;
	text-align: center;
	
}
.good-cats .down img{
	vertical-align: middle;
}
.good-cats .down ul li:first-child{
	background-color: yellow;

}



/*******************************/
.category{
	margin-top: 20px;
	position: relative;
}
.category:after{
	display: block;
	content: "";
	clear: both;
}
.category .left{
	height: 840px;
	width: 190px;
	background-color: #f3f3f3;
	float: left;
}
.category .right{
	height: 900px;
	width: 810px;
	background-color:red;
	float: right;

}




/*************footer************/
.footer{
	background-color: #d4d4d4;
	padding: 50px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
}
.footer a{
	color: #000000;
}
.footer .box{
	margin-top: 36px;
}
.footer img{
	margin: 0px 1em;
}
